<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png">
    <Demo01_setup></Demo01_setup>
    <hr>
    <Reactive_dm02></Reactive_dm02>
    <hr>
    <ToRefs_dm03></ToRefs_dm03>
    <hr>
    <ToDoList></ToDoList>
  </div>
</template>

<script>
import Demo01_setup from '@/components/demo01_setup'
import Reactive_dm02 from '@/components/reactive_dm02'
import ToRefs_dm03 from '@/components/toRefs_dm03'
import ToDoList from '@/components/toDoList'
export default {
  name: 'Home',
  components: {
    Demo01_setup,
    Reactive_dm02,
    ToRefs_dm03,
    ToDoList
  }
}
</script>
